<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/day7.css">
    <link rel="stylesheet" href="./font/font_001/iconfont.css">
    <link rel="stylesheet" href="./font/font_003/iconfont.css">
    <link rel="stylesheet" href="./font/font_004/iconfont.css">
    <link rel="stylesheet" href="./font/font_005/iconfont.css">
    <link rel="stylesheet" href="./font/font_006/iconfont.css">
    <link rel="stylesheet" href="./font/font_007/iconfont.css">
    <link rel="stylesheet" href="./font/font_008/iconfont.css">
    <link rel="stylesheet" href="./font/font_009/iconfont.css">
    <link rel="stylesheet" href="./font/font_015/iconfont.css">

</head>

<body>
    <!-------头部开始----->
    <div class="header">
        <div class="wrap">
            <ul class="header-left">
                <li><a href="#">小米官网</a><span>|</span></li>
                <li><a href="#">小米商城</a><span>|</span></li>
                <li><a href="#">小米澎湃OS</a><span>|</span></li>
                <li><a href="#">loT</a><span>|</span></li>
                <li><a href="#">云服务 </a><span></span>|</li>
                <li><a href="#">天星数科</a><span>|</span></li>
                <li><a href="#">有品 </a><span>|</span></li>
                <li><a href="#">小爱开放平台</a><span>|</span></li>
                <li><a href="#">资质证照</a><span>|</span></li>
                <li><a href="#">协议规则</a><span>|</span></li>
                <li>
                    <a href="#">下载app</a><span>|</span>
                    <div class="download">
                        <img src="./img/download.png" alt="">
                        <p>小米商城APP</p>
                    </div>
                </li>
                <li><a href="#">Select Location</a></li>
            </ul>
            <ul class="header-right">
                <li class="Login"><a href="#">登录</a><span>|</span></li>
                <li><a href="#" class="click_dialog">注册
                    </a><span>|</span></li>
                <li><a href="#">消息通知</a><span>|</span></li>
                <li class="cart">
                    <a href="#"> <i class="iconfont ">&#xe63f;</i>购物车（0）</a>
                    <div class="cart-list">购物车中还没有商品，赶紧选购吧！</div>
                </li>
            </ul>
        </div>
    </div>
    <!-------头部结束----->


    <!-------导航开始----->
    <div class="nav">
        <div class="wrap">
            <div class="logo">
                <img src="./img/logo-mi2.png" alt="">
            </div>
            <div class="nav-bar">
                <ul>
                    <li>
                        <a href="#">Xiaomi手机</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi 14 Pro</p>
                                            <p class="nav-price">4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi 14</p>
                                            <p class="nav-price">3999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi MIX Fold 3</p>
                                            <p class="nav-price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Civi 3</p>
                                            <p class="nav-price">2299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Civi 3</p>
                                            <p class="nav-price">3199元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi 13 Ultra</p>
                                            <p class="nav-price">5399元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">Redmi手机</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi 13C 5G</p>
                                            <p class="nav-price">749元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi K70 Pro</p>
                                            <p class="nav-price">3299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi K70</p>
                                            <p class="nav-price">2499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi K70</p>
                                            <p class="nav-price">1899元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Note 13 Pro</p>
                                            <p class="nav-price">1399元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Note 13 Pro+</p>
                                            <p class="nav-price">1899元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">电视</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视 S Pro 65 Mini LED 65英寸</p>
                                            <p class="nav-price">4499元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视新EA系列</p>
                                            <p class="nav-price">799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视大师86英寸Mini LED</p>
                                            <p class="nav-price">14999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视S6565英寸</p>
                                            <p class="nav-price">2999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视A65竞技版65英寸</p>
                                            <p class="nav-price">2399元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi MAX 100”巨屏电视</p>
                                            <p class="nav-price">12399元</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">笔记本</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book 16 2024</p>
                                            <p class="nav-price">3699元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book 14 2024</p>
                                            <p class="nav-price">4499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book Pro 15 2023锐龙版</p>
                                            <p class="nav-price">4799元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book 14</p>
                                            <p class="nav-price">4599元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">RedmiBook Pro 152022锐龙版</p>
                                            <p class="nav-price">5499元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi MAX 100”巨屏电视</p>
                                            <p class="nav-price">3599元</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">平板</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Pad SE</p>
                                            <p class="nav-price">899元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Pad 6 Max 14</p>
                                            <p class="nav-price">3799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Pad 6 Pro</p>
                                            <p class="nav-price">2299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Pad 6</p>
                                            <p class="nav-price">1799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Pad</p>
                                            <p class="nav-price">899元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米平板5 Pro12.4</p>
                                            <p class="nav-price">1899元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">家电</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家冰箱对开门610L墨羽岩</p>
                                            <p class="nav-price">2199元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家冰箱对开门536L墨羽岩</p>
                                            <p class="nav-price">1999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">新风空调 立式3匹</p>
                                            <p class="nav-price">6639元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米空调 1.5匹新1级能效</p>
                                            <p class="nav-price">2499元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家分区洗烘一体机 15kg</p>
                                            <p class="nav-price">5299元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家洗烘一体机12kg</p>
                                            <p class="nav-price">2099元</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">路由器</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi路由器AX3000T</p>
                                            <p class="nav-price">179元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米路由器AX6000</p>
                                            <p class="nav-price">429元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi路由器BE6500 Pro</p>
                                            <p class="nav-price">699元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi HomeWiFi 三频 Mesh 路由器</p>
                                            <p class="nav-price">1299元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-5.jpg" alt="">
                                            </div>
                                            <p class="nav-name">小米路由器4A千兆版</p>
                                            <p class="nav-price">99元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-6.png" alt="">
                                            </div>
                                            <p class="nav-name">查看全部小米路由器</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input type="text" placeholder="电视">
                    <button class="iconfont ">&#xe653;</button>
                    <div class="hot-words">
                        <a href="#">手机换新</a>
                        <a href="#">Redmi K70 Pro</a>
                        <a href="#">冰箱</a>
                        <a href="#">电视</a>
                        <a href="#">洗衣机</a>
                        <a href="#">红米</a>
                        <a href="#">路由器</a>
                        <a href="#">充电宝</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-------导航结束----->

    <!-----滑动门开始------->
    <div class="banner">
        <div class="wrap">
            <div class="banner-box">
                <div class="banner-home">
                    <img class="on" src="./img/i5.jpg" alt="">
                    <div class="slide-button-direction">
                        <button class="slide-button-prev"></button>
                        <button class="slide-button-next"></button>
                    </div>
                </div>
                <div class="slide-pagination">
                    <ul>
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="slide">
                    <ul>
                        <li>
                            <a href="#">手机</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide1-1.webp" alt="">
                                            <span>Xiaomi MIX系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide1-2.webp" alt="">
                                            <span>Xiaomi 数字系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide1-3.webp" alt="">
                                            <span>Xiaomi Civi系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide1-4.webp" alt="">
                                            <span>Redmi K系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide1-5.webp" alt="">
                                            <span>Redmi Note系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide1-6.webp" alt="">
                                            <span>Redmi数字系列</span>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        <li>
                            <a href="#">电视</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-1.webp" alt="">
                                            <span>小米电视 S Pro Mini LED</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-2.webp" alt="">
                                            <span>小米电视 大师系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-3.webp" alt="">
                                            <span>小米电视S系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-4.webp" alt="">
                                            <span>小米电视EA系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-5.webp" alt="">
                                            <span>Redmi电视MAX系列</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-6.webp" alt="">
                                            <span>Redmi电视A系列</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide2-7.webp" alt="">
                                            <span>小米电视A竞技系列</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        <li>
                            <a href="#">家电</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-1.png" alt="">
                                            <span>壁挂空调</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-2.webp" alt="">
                                            <span>立式空调</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-3.webp" alt="">
                                            <span>中央空调</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-4.webp" alt="">
                                            <span>冰箱</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-5.webp" alt="">
                                            <span>滚筒洗衣机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-6.webp" alt="">
                                            <span>波轮洗衣机</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-7.webp" alt="">
                                            <span>米家石墨烯折叠踢脚线电暖器 超薄版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-8.webp" alt="">
                                            <span>米家石墨烯踢脚线电暖器 仿真火焰版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-9.jpg" alt="">
                                            <span>电暖器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-10.jpg" alt="">
                                            <span>净水器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-11.webp" alt="">
                                            <span>微蒸烤</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-12.webp" alt="">
                                            <span>烟灶</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-13.webp" alt="">
                                            <span>洗碗机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-14.jpg" alt="">
                                            <span>扫地机器人</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-15.jpg" alt="">
                                            <span>吸尘器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-16.jpg" alt="">
                                            <span>空气净化器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-17.jpg" alt="">
                                            <span>电饭煲</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-18.jpg" alt="">
                                            <span>电磁炉</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-19.jpg" alt="">
                                            <span>水壶</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-20.png" alt="">
                                            <span>落地风扇</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-21.png" alt="">
                                            <span>投影仪</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-22.jpg" alt="">
                                            <span>灯具</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-23.jpg" alt="">
                                            <span>插线板</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide3-24.jpg" alt="">
                                            <span>新风机</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">笔记本 平板</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-1.webp" alt="">
                                            <span>Redmi Pad SE</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-2.webp" alt="">
                                            <span>Xiaomi Pad 6 Max 14</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-3.webp" alt="">
                                            <span>Xiaomi Pad 6 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-4.webp" alt="">
                                            <span>Xiaomi Pad 6</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-5.webp" alt="">
                                            <span>Redmi Pad</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-6.webp" alt="">
                                            <span>小米平板5 Pro5G</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-7.webp" alt="">
                                            <span>小米平板5 Pro12.4</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-8.webp" alt="">
                                            <span>小米平板5Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-9.webp" alt="">
                                            <span>小米平板5</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-10.webp" alt="">
                                            <span>办公显示器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-11.webp" alt="">
                                            <span>电竟显示器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-12.webp" alt="">
                                            <span>Redmi Book 16 2024</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-13.webp" alt="">
                                            <span>Redmi Book 14 2024</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-14.webp" alt="">
                                            <span>RedmiBook Pro 15锐龙</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-15.webp" alt="">
                                            <span>Redmi Book 14</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-16.webp" alt="">
                                            <span>XiaomiBook12.4二合一套装</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-17.webp" alt="">
                                            <span>Redmi Book 15E</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-18.webp" alt="">
                                            <span>RedmiG游戏本锐龙版</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-19.webp" alt="">
                                            <span>RedmiG游戏本2022</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-20.webp" alt="">
                                            <span>RedmiBook Pro15 2022</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-21.webp" alt="">
                                            <span>Xiaomi Book Pro 16</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-22.webp" alt="">
                                            <span>Xiaomi Book Pro 14</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-23.webp" alt="">
                                            <span>小米笔记本 ProX 14</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-24.webp" alt="">
                                            <span>小米笔记本 Pro X 15</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">出行 穿戴</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-1.webp" alt="">
                                            <span>小米手环8 Pro 原神定制版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-2.webp" alt="">
                                            <span>Redmi Watch 4</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-3.webp" alt="">
                                            <span>Xiaomi Watch S3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-4.webp" alt="">
                                            <span>小米腕部心电血压记录仪</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-5.webp" alt="">
                                            <span>小米手环8Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-6.webp" alt="">
                                            <span>Redmi Watch 3 青春版</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-7.webp" alt="">
                                            <span>小米手环8</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-8.webp" alt="">
                                            <span>小米手环8NFC版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-9.webp" alt="">
                                            <span>Xiaomi Watch S1 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-10.webp" alt="">
                                            <span>Xiaomi Watch S2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-11.webp" alt="">
                                            <span>Redmi Watch 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-12.webp" alt="">
                                            <span>Redmi 手环2</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-13.webp" alt="">
                                            <span>小米手环7 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide4-14.webp" alt="">
                                            <span>Xiaomi Watch S1</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-15.jpg" alt="">
                                            <span>九号平衡车</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-16.webp" alt="">
                                            <span>九号平衡车Plus</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-17.webp" alt="">
                                            <span>九号平衡车燃动版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-18.webp" alt="">
                                            <span>米家电动滑板车1S</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-19.webp" alt="">
                                            <span>米家电动滑板车3青春版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-20.webp" alt="">
                                            <span>HIMO Z20 折叠电动助力自行车<span>米家电动滑板车3青春版</span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-21.webp" alt="">
                                            <span>九号ninebot儿童山地自行车</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-22.webp" alt="">
                                            <span>九号平衡车 改装套件</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-23.webp" alt="">
                                            <span>九号卡丁车Pro兰博基尼汽车定制版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide5-24.webp" alt="">
                                            <span>小米车载充电器快充版</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">耳机 音响</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-1.webp" alt="">
                                            <span>Redmi Buds 5 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-2.webp" alt="">
                                            <span>Redmi Buds 5</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-3.webp" alt="">
                                            <span>Redmi Buds 5 AAPE 潮流限定版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-4.webp" alt="">
                                            <span>Redmi Buds 4活力版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-5.webp" alt="">
                                            <span>Xiaomi真无线降噪耳机3...</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-6.webp" alt="">
                                            <span>Redmi Buds 4 哈利波特版</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-7.webp" alt="">
                                            <span>Xiaomi Buds 4</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-8.webp" alt="">
                                            <span>Redmi Buds 4青春版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-9.webp" alt="">
                                            <span>Xiaomi Buds 4 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-10.webp" alt="">
                                            <span>Redmi Buds 4 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-11.webp" alt="">
                                            <span>骨传导耳机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-12.webp" alt="">
                                            <span>Redmi Buds 4</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-13.webp" alt="">
                                            <span>Xiaomi 真无线降噪耳机 3..</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-14.webp" alt="">
                                            <span>Redmi Buds 3</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-15.webp" alt="">
                                            <span>Necklace</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-16.webp" alt="">
                                            <span>小米活塞耳机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-17.webp" alt="">
                                            <span>Xiaomi智能家庭屏10</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-18.webp" alt="">
                                            <span>小米小爱触屏音箱Pro 8</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-19.webp" alt="">
                                            <span>小爱音箱 Pro</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-20.webp" alt="">
                                            <span>Xiaomi Sound Move</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-21.webp" alt="">
                                            <span>小爱音箱Play增强版</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-22.jpg" alt="">
                                            <span>小米小爱触屏音箱</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-23.webp" alt="">
                                            <span>Xiaomi智能家庭屏Pro 8</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide6-24.webp" alt="">
                                            <span>Xiaomi Sound Pro</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">健康 儿童</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-1.jpg" alt="">
                                            <span>洗衣机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-2.jpg" alt="">
                                            <span>剃须刀</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-3.webp" alt="">
                                            <span>修剪刀</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-4.jpg" alt="">
                                            <span>牙刷</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-5.jpg" alt="">
                                            <span>吹风机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-6.png" alt="">
                                            <span>体重秤</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-7.jpg" alt="">
                                            <span>体脂秤</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-8.webp" alt="">
                                            <span>米家跑步机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-9.webp" alt="">
                                            <span>米家动感单车</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-10.webp" alt="">
                                            <span>米家mini筋膜枪</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-11.jpg" alt="">
                                            <span>走步机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-12.webp" alt="">
                                            <span>益智积木</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-13.jpg" alt="">
                                            <span>儿童手表</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-14.jpg" alt="">
                                            <span>儿童滑板车</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-15.jpg" alt="">
                                            <span>婴儿推车</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide7-16.webp" alt="">
                                            <span>理发器</span>
                                        </a>
                                    </li>

                                </ul>
                        </li>
                        <li>
                            <a href="#">生活 箱包</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-1.webp" alt="">
                                            <span>小背包</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-2.jpg" alt="">
                                            <span>双肩包</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-3.webp" alt="">
                                            <span>胸包</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-4.webp" alt="">
                                            <span>旅行箱</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-5.webp" alt="">
                                            <span>收纳袋</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-6.jpg" alt="">
                                            <span>运动鞋</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-7.webp" alt="">
                                            <span>服饰</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-8.jpg" alt="">
                                            <span>眼镜</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-9.jpg" alt="">
                                            <span>床垫</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-10.png" alt="">
                                            <span>枕头</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-11.jpg" alt="">
                                            <span>螺丝刀</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-12.jpg" alt="">
                                            <span>水杯</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-13.jpg" alt="">
                                            <span>伞</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-14.jpg" alt="">
                                            <span>驱蚊器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-15.jpg" alt="">
                                            <span>毛巾/浴巾</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide8-16.jpg" alt="">
                                            <span>笔</span>
                                        </a>
                                    </li>

                                </ul>
                        </li>
                        <li>
                            <a href="#">智能 路由器</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-1.webp" alt="">
                                            <span>CyberDog 2 仿生四足机...</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-2.webp" alt="">
                                            <span>MIJIA K歌麦克风</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-3.jpg" alt="">
                                            <span>打印机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-4.webp" alt="">
                                            <span>小米路由器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-5.webp" alt="">
                                            <span>Redmi路由器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-6.webp" alt="">
                                            <span>智能家庭</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-7.jpg" alt="">
                                            <span>对讲机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-8.jpg" alt="">
                                            <span>摄像机</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-9.jpg" alt="">
                                            <span>智能门锁</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-10.webp" alt="">
                                            <span>门铃/猫眼</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-11.webp" alt="">
                                            <span>小爱音箱</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide9-12.webp" alt="">
                                            <span>家庭屏</span>
                                        </a>
                                    </li>
                                </ul>
                        </li>
                        <li>
                            <a href="#">电源 配件</a>
                            <i class="iconfont icon-youjiantou"></i>
                            <div class="left-display">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-1.webp" alt="">
                                            <span>插座插排</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-2.webp" alt="">
                                            <span>移动电源</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-3.jpg" alt="">
                                            <span>数据线</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-4.webp" alt="">
                                            <span>平板配件</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-5.webp" alt="">
                                            <span>充电器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-6.jpg" alt="">
                                            <span>电池</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-7.jpg" alt="">
                                            <span>自拍杆</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-8.jpg" alt="">
                                            <span>手机壳</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-9.jpg" alt="">
                                            <span>手机贴膜</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-10.webp" alt="">
                                            <span>无线充电器</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-11.jpg" alt="">
                                            <span>黑鲨配件</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/slide10-12.jpg" alt="">
                                            <span>其他配件</span>
                                        </a>
                                    </li>
                                </ul>
                        </li>
                    </ul>
                </div>
                <div>
                </div>
            </div>
        </div>
        <!------滑动门结束-------->

        <!-----广告开始------->
        <div class="ad">
            <div class="line">
                <div class="ad-slide">
                    <ul class="u-slide">
                        <li><a href=""><span class="iconfont ">&#xe696;</span>
                                <p>保障服务</p>
                            </a>
                        </li>
                        <li><a href=""><span class="iconfont ">&#xe61e;</span>
                                <p>企业团购</p>
                            </a>
                        </li>
                        <li><a href=""><span class="iconfont ">&#xe501;</span>
                                <p>F码通道</p>
                            </a>
                        </li>
                        <li><a href=""><span class="iconfont ">&#xe606;</span>
                                <p>米粉卡</p>
                            </a>
                        </li>
                        <li><a href=""><span class="iconfont ">&#xe605;</span>
                                <p>以旧换新</p>
                            </a>
                        </li>
                        <li><a href=""><span class="iconfont ">&#xe54f;</span>
                                <p>话费充值</p>
                            </a>
                        </li>


                    </ul>
                </div>
                <div class="ad-img"><a href=""><img src="./img/img1.png" alt=""></a></div>
                <div class="ad-img"><a href=""><img src="./img/img2.jpg" alt=""></a></div>
                <div class="ad-img"><a href=""><img src="./img/img3.png" alt=""></a></div>
            </div>
        </div>
        <!------广告结束------->


        <!-----主体部分  ------手机开始------->
        <div class="container">
            <div class="wrap">
                <div class="home-box">
                    <a href="#"><img src="./img/ad-1.webp" alt=""></a>
                </div>
                <div class="phone">
                    <h2 class="title">手机
                        <a href="#" class="more">查看全部<i class="iconfont right-circle">&#xe68d;</i></a>
                    </h2>
                </div>
            </div>
            <div class="phone-box">
                <div class="phone-box-left">
                    <a href=""><img src="./img/phone0.webp" alt=""></a>
                </div>
                <div class="phone-box-right">
                    <div class="items">
                        <a href="#"><img src="./img/phone1.webp" alt="" class="goods-img"></a>
                        <p class="name">Redmi K70 Pro</p>
                        <p class="desc">第三代骁龙8年度旗舰平台</p>
                        <p class="price">3299元起</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone2.webp" alt="" class="goods-img"></a>
                        <p class="name">Redmi K70</p>
                        <p class="desc">第二代骁龙8旗舰芯</p>
                        <p class="price">2499元起</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone3.webp" alt="" class="goods-img"></a>
                        <p class="name">Redmi K70E</p>
                        <p class="desc">新一代旗舰焊门员</p>
                        <p class="price">1899元起 1999元</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone4.webp" alt="" class="goods-img"></a>
                        <p class="name">Xiaomi 14 Pro</p>
                        <p class="desc">徕卡Summilux可变光圈镜头|小米澎...</p>
                        <p class="price">4999元起</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone5.webp" alt="" class="goods-img"></a>
                        <p class="name">Xiaomi 14</p>
                        <p class="desc">徕卡光学Summilux镜头|小米澎湃O..</p>
                        <p class="price">3999元起</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone6.webp" alt="" class="goods-img"></a>
                        <p class="name">Redmi Note 13 Pro</p>
                        <p class="desc">小金刚品质</p>
                        <p class="price">1399元起</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone7.webp" alt="" class="goods-img"></a>
                        <p class="name">Redmi Note 13 Pro+</p>
                        <p class="desc">天玑, 7200-UItra 处理器</p>
                        <p class="price">1899元起</p>
                    </div>
                    <div class="items">
                        <a href="#"><img src="./img/phone8.webp" alt="" class="goods-img"></a>
                        <p class="name">Redmi Note 13 5G</p>
                        <p class="desc">第1亿像素更快更清晰</p>
                        <p class="price">999元起</p>
                    </div>
                </div>
            </div>
        </div>
        <!---------手机结束------->

        <!-----穿戴智能开始------->

        <div class="container">
            <div class="wrap">
                <div class="intel-box">
                    <h2 class="title">智能穿戴
                        <a href="#" class="more" id="more-1">耳机<i class="tab-active"></i></a>
                        <a href="#" class="more" id="more-2">智能<i class="tab-"></i></a>
                    </h2>
                    <div class="phone-box">
                        <div class="phone-box-left">
                            <a href=""><img src="./img/ear000.webp" alt=""></a>
                        </div>
                        <div class="phone-box-right">
                            <div class="phone-box-right-1" id="more-1-div">
                                <div class="items">
                                    <a href="#"><img src="./img/earphone1.webp" alt="" class="goods-img"></a>
                                    <p class="name">Redmi Buds 5 Pro</p>
                                    <p class="desc">同轴双单元 旗舰音质|52dB/4kHz 旗...</p>
                                    <p class="price">399元起</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/earphone2.webp" alt="" class="goods-img"></a>
                                    <p class="name">Redmi Buds 5</p>
                                    <p class="desc">46dB深度降噪|12.4mm镀动圈|4...</p>
                                    <p class="price">199元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/earphone3.webp" alt="" class="goods-img"></a>
                                    <p class="name">Redmi Buds 5 AAPE 潮流限定版</p>
                                    <p class="desc">46dB深度降噪|12.4mm镀动圈4..</p>
                                    <p class="price">299元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/earphone4.webp" alt="" class="goods-img"></a>
                                    <p class="name">Xiaomi Buds 4 Pro</p>
                                    <p class="desc">48dB智能动态降噪|骨声纹通话降噪 ..</p>
                                    <p class="price">799元起</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/earphone5.webp" alt="" class="goods-img"></a>
                                    <p class="name">Xiaomi Buds 4</p>
                                    <p class="desc">半入耳主动降噪|HiFi音质1独立空间..</p>
                                    <p class="price">499元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/earphone6.webp" alt="" class="goods-img"></a>
                                    <p class="name">Xiaomi Buds 3 Pro</p>
                                    <p class="desc">40dB自适应降噪空间音频 HiFi..</p>
                                    <p class="price">349元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/earphone7.webp" alt="" class="goods-img"></a>
                                    <p class="name">Redmi Buds 4 Pro</p>
                                    <p class="desc">43dB 宽频降噪|HiFi高保直音质|59..</p>
                                    <p class="price">299元</p>
                                </div>
                                <div class="items1">
                                    <div>
                                        <a href="#">
                                            <p class="items1-desc">
                                                <span>Redmi Buds 4</span><br>
                                                <span>89元</span>
                                            </p>
                                            <img src="./img/earphone8.webp" alt="">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#">
                                            <p class="items1-desc2">
                                                <span>浏览更多</span><br>
                                                <span>耳机</span>
                                            </p>
                                            <span class="items1-iconfont">
                                                <i class="iconfont ">&#xe508;</i>
                                            </span>
                                        </a>
                                    </div>
                                </div>


                            </div>

                            <div class="phone-box-right-2" id="more-2-div">
                                <div class="items">
                                    <a href="#"><img src="./img/wear1.webp" alt="" class="goods-img"></a>
                                    <p class="name">小米手环8 Pro 原神定制版</p>
                                    <p class="desc">同轴双单元 旗舰音质|52dB/4kHz 旗...</p>
                                    <p class="price">549元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/wear2.webp" alt="" class="goods-img"></a>
                                    <p class="name">Redmi Watch 4</p>
                                    <p class="desc">46dB深度降噪|12.4mm镀动圈|4...</p>
                                    <p class="price">499元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/wear3.webp" alt="" class="goods-img"></a>
                                    <p class="name">Xiaomi Watch S3</p>
                                    <p class="desc">46dB深度降噪|12.4mm镀动圈4..</p>
                                    <p class="price">799元起</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/wear4.webp" alt="" class="goods-img"></a>
                                    <p class="name">小米腕部心电血压记录仪</p>
                                    <p class="desc">48dB智能动态降噪|骨声纹通话降噪 ..</p>
                                    <p class="price">1899元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/wear5.webp" alt="" class="goods-img"></a>
                                    <p class="name">小米手环8 Pro</p>
                                    <p class="desc">半入耳主动降噪|HiFi音质1独立空间..</p>
                                    <p class="price">369元起</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/wear6.webp" alt="" class="goods-img"></a>
                                    <p class="name">Redmi Watch 3 青春版</p>
                                    <p class="desc">40dB自适应降噪空间音频 HiFi..</p>
                                    <p class="price">299元</p>
                                </div>
                                <div class="items">
                                    <a href="#"><img src="./img/wear7.webp" alt="" class="goods-img"></a>
                                    <p class="name">小米手环8 NFC版</p>
                                    <p class="desc">43dB 宽频降噪|HiFi高保直音质|59..</p>
                                    <p class="price">239元</p>
                                </div>
                                <div class="items1">
                                    <div>
                                        <a href="#">
                                            <p class="items1-desc">
                                                <span>小米手环8</span><br>
                                                <span>199元</span>
                                            </p>
                                            <img src="./img/wear8.webp" alt="">
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#">
                                            <p class="items1-desc2">
                                                <span>浏览更多</span><br>
                                                <span>耳机</span>
                                            </p>
                                            <span class="items1-iconfont">
                                                <i class="iconfont ">&#xe508;</i>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-----穿戴智能结束------->

        <!-----页脚部分------>
        <div class="footer">
            <div class="wrap">
                <div class="footer-serverse">
                    <ul>
                        <li>
                            <a href="#"><i class="iconfont">&#xe63d;</i>预约维修服务</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xe64c;</i>7天无理由退货</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xe606;</i>15天免费换货</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xf01da;</i>满69包邮</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xe662;</i>1100余家售后网点</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links">
                    <dl class="main-links">
                        <dt></dt>
                    </dl>
                    <dl class="main-links">
                        <dt>选购指南</dt>
                        <dd><a href="#">手机</a></dd>
                        <dd><a href="#">电视</a></dd>
                        <dd><a href="#">笔记本</a></dd>
                        <dd><a href="#">平板</a></dd>
                        <dd><a href="#">穿戴</a></dd>
                        <dd><a href="#">耳机</a></dd>
                        <dd><a href="#">家电</a></dd>
                        <dd><a href="#">路由器</a></dd>
                        <dd><a href="#">音箱</a></dd>
                        <dd><a href="#">配件</a></dd>
                    </dl>
                    <dl class="main-links">
                        <dt>服务中心</dt>
                        <dd><a href="#">申请售后</a></dd>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">维修服务价格</a></dd>
                        <dd><a href="#">订单查询</a></dd>
                        <dd><a href="#">以旧换新</a></dd>
                        <dd><a href="#">保障服务</a></dd>
                        <dd><a href="#">防伪查询</a></dd>
                        <dd><a href="#">F码通道</a></dd>
                    </dl>
                    <dl class="main-links">
                        <dt>线下门店</dt>
                        <dd><a href="#">小米之家</a></dd>
                        <dd><a href="#">服务网点</a></dd>
                        <dd><a href="#">授权体验店/专区</a></dd>

                    </dl>
                    <dl class="main-links">
                        <dt>关于小米</dt>
                        <dd><a href="#">了解小米</a></dd>
                        <dd><a href="#">加入小米</a></dd>
                        <dd><a href="#">投资者关系</a></dd>
                        <dd><a href="#">可持续发展</a></dd>
                        <dd><a href="#">廉洁举报</a></dd>

                    </dl>
                    <dl class="main-links">
                        <dt>关注我们</dt>
                        <dd><a href="#">新浪微博</a></dd>
                        <dd><a href="#">官方微信</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">公益基金会</a></dd>
                    </dl>
                    <dl class="main-links">
                        <p class="tel">400-100-5678</p>
                        <p class="time">8:00-18:00 (仅收市话费)</p>
                        <a href="#" class="kefu"><i class="iconfont">&#xe61b;</i>人工客服</a>
                    </dl>
                </div>
            </div>
        </div>
        <!-----页脚部分------>


        <!-----小米商城右侧悬浮列表------>
        <div class="sidebar">
            <ul>
                <li>
                    <span class="iconfont icon-shouji"></span>
                    <p>手机APP</p>
                    <div class="erwei">
                        <img src="./img/erwei.png" alt="" width="100px">
                        <div class="erwei-text">
                            <p>扫码领取新</p>
                            <p>人百元礼包</p>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="iconfont">&#xe60f;</span>
                    <p class="">个人中心</p>
                </li>
                <li>
                    <span class="iconfont">&#xe63d;</span>
                    <p class="">售后服务</p>
                </li>
                <li>
                    <span class="iconfont">&#xe6cd;</span>
                    <p class="">人工客服</p>
                </li>
                <li>
                    <span class="iconfont">&#xe63f;</span>
                    <p class="">购物车</p>
                </li>
                <li class="last">
                    <span class="iconfont">&#xe66c;</span>
                    <p class="">回顶部</p>
                </li>
            </ul>
        </div>
        <!-----小米商城右侧悬浮列表------>

        <!---- 注册协议声明 ---->
        <div class="mi-popup">
            <div class="mi-pop">
                <div class="mi-pop_box">
                    <div class="mi-pop_content">
                        <div class="mi-pop-wrapper">
                            <div class="mi-dialog">
                                <div class="mi-dialog_header">
                                    <span class="mi-dialog_title">协议声明</span>
                                </div>
                                <a class="mi-dialog_header_btn">
                                    <span class="iconfont icon-cuohao-wukuang"></span>
                                </a>
                                <div class="mi-dialog_body">
                                    <div class="mi-agreetabs">
                                        <span class="agree-tab">《小米商城用户协议》</span>、
                                        <span class="agree-tab">《小米商城隐私政策》</span>、
                                        <span class="agree-tab">《小米账号用户协议》</span>、
                                        <span class="agree-tab">《小米账号隐私政策》</span>
                                        "请您仔细阅读以上协议，其中有对您权利义务的特别约定等重要条款，同意后方可使用本软件"
                                    </div>
                                    <div class="mi_con">
                                        <!-- <iframe> 标签定义行内框架（内联框架）。行内框架用于在当前 HTML 文档中嵌入另一个文档 -->
                                        <iframe src="day23.html" width="100%" height="300"></iframe>
                                    </div>
                                </div>
                                <div class="mi-dialog_footer">
                                    <button class="btn btn-aggree">同意</button>
                                    <button class="btn btn-disaggree">不同意</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!---- 注册协议声明 ---->
        <!-------最后页脚信息------>
        <div class="footer-infer">
            <div class="wrap">
                <div class="footer-logo">
                    <img src="./img/logo-mi2.png" alt="">
                </div>
                <div class="infer-text">
                    <p class="sites">
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米澎湃OS</a>
                        <span></span>
                        <a href="">米家</a>
                        <span>|</span>
                        <a href="">米聊</a>
                        <span>|</span>
                        <a href="">多看</a>
                        <span>|</span>
                        <a href="">游戏</a>
                        <span>|</span>
                        <a href="">音乐</a>
                        <span>|</span>
                        <a href="">政企服务</a>
                        <span>|</span>
                        <a href="">小米天猫店</a>
                        <span>|</span>
                        <a href="">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="">小米公司儿童信息保护规则</a>
                        <span>|</span>
                        <a href="">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="">小米商城用户协议</a>
                        <span>|</span>
                        <a href="">问题反馈</a>
                        <span>|</span>
                        <a href="">Select Llocaton</a>
                        <span>|</span>
                        <a href="">北京互联网法院法律服务工作站</a>
                        <span>|</span>
                        <a href="">中国消费者协会</a>
                        <span>|</span>
                        <a href="">北京市消费者协会</a>
                        <span>|</span>
                    </p>
                    <p class="sites-text">
                        <a href="#">@ mi.com</a>
                        京lCP证110507号
                        <a href="#">京ICP备10046444号 </a>
                        <a href="#">京公网安备11010802020134号</a>
                        <a href="#"> 京网文1202310169-004号</a><br>
                        <a href="#">(京)网械平台备字(2018) 第00005号
                            <a href="#"> 互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                            <a href="#"> 营业执照</a>
                            <a href="#">医疗器城质量公告</a><br>
                            <a href="#">增值电信业务经营许可证编号:京B2-20180851</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="#"> 食品经营许可证</a>
                            新出发京批字第直220280号<br>
                            违法和不良信息举报电话:171-5104-4404
                            <a href="#">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <p class="sites-links">
                        <a
                            href="https://privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn"><img
                                src="./img/sites1.png" alt="_blank"></a>
                        <a href="https://credit.cecdc.com/CX20120926001783002010.html"> <img src="./img/sites2.png"
                                alt="_blank"></a>
                        <a href="https://kx.xcc.cn/newCan/2021122904514041324"><img src="./img/sites3.png"
                                alt="_blank"></a>
                        <a href="https://www.mi.com/service/buy/commitment"><img src="./img/sites4.png"
                                alt="_blank"></a>
                        <a href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb"
                            class="sites-links-active">
                            <img src="./img/sites5.png" alt="" id="sites-links-active-img-1" class="hfl"
                                style="position: absolute;">
                            <img src="./img/sites6.png" alt="" id="sites-links-active-img-2" class="hfl"
                                style="position: absolute;">
                        </a>
                    </p>
                </div>
            </div>
        </div>
        <!-------最后页脚信息------>



        <script src="./js/day21.js">

        </script>



</body>

</html>